var nav = document.querySelectorAll(".tab-1 > ul > li");
var text = document.querySelectorAll(".tab-2 > div");
   for(var i=0 ; i<nav.length ; i++){
        nav[i].index = i;
       nav[i].addEventListener('mouseover',function (){
           for(var j=0 ; j< nav.length ; j++){
               nav[j].classList.remove('wn');
               text[j].classList.remove('p');
           }
           this.classList.add('wn');
           text[this.index].classList.add('p');
       })
   }